<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <!-- 导入 layui 的样式 -->
  <link rel="stylesheet" href="/assets/lib/layui/css/layui.css" />
  <!-- 导入自己的样式 -->
  <link rel="stylesheet" href="/assets/css/user/user_info.css" />
</head>

<body>
  <!-- 卡片区域 -->
  <div class="data-box">
    <div class="data-header">
      <span>基本资料</span>
    </div>
    <form action="" class="layui-form">
      <div class="data-body">
        
          <div class="login el-data">
            <span>登录名称</span>
            <input type="text" disabled="true" class="login-id">
          </div>
          <div class="user el-data">
            <span class="xin">*</span>
            <span>用户昵称</span>
            <input type="text" class="user-name">
            <div class="hintuser">请输入用户昵称</div>
          </div>
          <div class="e-mail el-data">
            <span class="xin">*</span>
            <span>用户邮箱</span>
            <input type="text" class="user-email">
            <div class="hintemail">请输入用户邮箱</div>
          </div>
          <div class="box-btn el-data">
            <button class="btn"><span>提交修改</span></button>
            <button class="resetbtn"><span>重置</span></button>
          </div>
        
      </div>
    </form>
  </div>


  <script src="/assets/lib/axios.js"></script>
  <!-- 导入 baseAPI -->
  <script src="/assets/js/baseAPI.js"></script>
  <script src="/assets/js/api/user_info.js"></script>
  <!-- 导入自己的 js -->
  <script src="/assets/js/user/user_info.js"></script>
</body>

</html>
